﻿<!DOCTYPE html>
<html>
<head>
	<meta charset='utf-8' />
	<title> 老虎机</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link href="/pages/static/mobile/css/common.css" rel="stylesheet" type="text/css" />
	<link href="/pages/static/mobile/css/reward/reward.css" rel="stylesheet" type="text/css" />
    <script>document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);</script>
</head>
<body id = "body">
   <div class = "scroll-body">
    <article id = "reward">
        <header><span id = "community_name"></span><br><span>66邻里节</span></header>
    	<section>
    		<ul class = "left left1" id = "left" style="-webkit-transform: translate3d(0,-97.5%,0);transform: translate3d(0,-97.5%,0);">
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>               
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>                
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>               
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
    			<li><img src="/pages/static/mobile/images/7.png"></li>
    			<li><img src="/pages/static/mobile/images/8.png"></li>
    			<li><img src="/pages/static/mobile/images/9.png"></li>
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
    		</ul>
            <ul class = "middle middle1" id = "middle" style="-webkit-transform: translate3d(0,-97.5%,0);transform: translate3d(0,-97.5%,0);">
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>               
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>                
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>               
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
            </ul>
            <ul class = "right right1" id = "right" style="-webkit-transform: translate3d(0,-97.5%,0);transform: translate3d(0,-97.5%,0);">
                <li><img src="/pages/static/mobile/images/9.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>               
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>                
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>               
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
                <li><img src="/pages/static/mobile/images/7.png"></li>
                <li><img src="/pages/static/mobile/images/8.png"></li>
                <li><img src="/pages/static/mobile/images/9.png"></li>
                <li><img src="/pages/static/mobile/images/0.png"></li>
                <li><img src="/pages/static/mobile/images/1.png"></li>
                <li><img src="/pages/static/mobile/images/2.png"></li>
                <li><img src="/pages/static/mobile/images/3.png"></li>
                <li><img src="/pages/static/mobile/images/4.png"></li>
                <li><img src="/pages/static/mobile/images/5.png"></li>
                <li><img src="/pages/static/mobile/images/6.png"></li>
            </ul>
    	</section>
        <div class = "start-button" id = "start_button">
            开始抽奖
        </div>

        <div class = "explain">
            <!--<span class = "explain-tip">抽奖说明</span><span class = "reward-list">查看中奖邻居>></span>-->
            <div class = "clear"></div>
            <div class = "explain-rule">
               <div class = "rule-title" id = "rule_title"><span id = "rule_title_one">祝您好运</span><!--你还有<span>5次</span>抽奖机会哦--><br><span>超值大奖在等你哟～</span></div>
               <div class = "rule-title1" id = "rule_title1"></div>
                <div class = "explain-tip"><span></span><span>活动说明</span></div>
               <div class = "method-one">
                   <!--<div class = "method-title">当参加人数≤166人时</div>-->
                   <div class = "rule-items"><!--<span>一等奖：拍立得</span><span>（摇出三个6）</span>-->
                      <span id = "reward_desc">每人6次摇奖机会</span>
                   </div>
                   <!--<div class = "rule-items"><span>二等奖：266情值</span><span>（摇出两个6）</span></div>
                   <div class = "rule-items"><span>一等奖：166情值</span><span>（摇出一个6）</span></div>-->
               </div>
               <!--人数大于166人时
               <div class = "method-two">
                   <div class = "method-title">当参加人数>166人时</div>
                   <div class = "rule-items"><span>一等奖：ipad</span><span>（摇出三个6）</span></div>
                   <div class = "rule-items"><span>二等奖：366情值</span><span>（摇出两个6）</span></div>
                   <div class = "rule-items"><span>一等奖：266情值</span><span>（摇出一个6）</span></div>
               </div>-->

               <div class = "activity-time">
                   <div class = "explain-tip explain-time"><span></span><span>活动时间</span></div>
                   <div class = "rule-items"><span id = "ac_time"></span></div>
               </div>
            </div>
        </div>

    </article>
    <div class = "clear"></div>
    <div class = "reward-list"><span id = "to_list">查看中奖邻居>></span></div>
    <footer>
        <span>66小区保留最终解释权</span><br>
        <span>活动由66小区提供，与设备生产商Apple Inc.公司无关</span>
    </footer>
   </div>
   <div class = "mask" id = "mask"></div>
   <div class = "reward-tip" id = "reward_tip">
       <span id = "prize_tip">恭喜你</span><br><span id = "prize"></span><div id = "reward_confirm">确认</div>
       <span id = "prize_add">系统将自动为你添加</span>
   </div>
   <div class = "reward-fail" id = "reward_fail">
       <div>很遗憾这次没中奖</div>
       <div id = "fail_tip">您还有<span id = "reward_num"></span><span>次</span>次摇奖机会</div>
       <div><span id = "continue_reward">继续抽奖</span></div>
   </div>
   <div class = "reward-end" id = "reward_end">
       <div id = "end_tip" class = "end-tip"></div>
       <div><span></span></div>
   </div>
   <div class = "toast" id = "toast"></div>
</body>
<script type="text/javascript" src="/pages/static/mobile/js/lib/iscroll.js"></script>
<script type="text/javascript" src="/pages/static/mobile/js/common.js"></script>
<script type="text/javascript" src="/pages/static/mobile/js/reward/reward.js"></script>
</html>  